<!DOCTYPE html>
<html class="reftest-wait">
  <base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
  <title>WebGPU canvas_image_rendering (ref)</title>
  <meta charset="utf-8" />
  <link rel="help" href="https://gpuweb.github.io/gpuweb/" />
  <img id="elem1" width="64" height="64" style="width: 128px; height: 128px;">
  <img id="elem2" width="64" height="64" style="width: 128px; height: 128px; image-rendering: pixelated;">
  <img id="elem3" width="64" height="64" style="width: 128px; height: 128px; image-rendering: crisp-edges">
  <img id="elem4" width="64" height="64" style="width: 128px; height: 128px;">
  <img id="elem5" width="64" height="64" style="width: 128px; height: 128px; image-rendering: pixelated;">
  <img id="elem6" width="64" height="64" style="width: 128px; height: 128px; image-rendering: crisp-edges">
  <script type="module">
    import { takeScreenshotDelayed } from '../../../../common/util/wpt_reftest_wait.js';

    (async () => {
      const dataURL = '';
      await Promise.all([...document.querySelectorAll('img')].map(img => {
        img.src = dataURL;
        return img.decode();
      }));

      takeScreenshotDelayed(50);
    })();
  </script>
</html>
